/* global */

.footnote{
    font-size: 14px;
    color:#999;
}

/* layout */
.nav-top {
    background-color: #0092E7;
}

.nav-a {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.nav-a:hover, .nav-a:active, .nav-a:focus {
    background-color: transparent !important;
}

/* user */
.btn-success {
    background-color: #44B548;
}

.btn-success:hover, .btn-success:active {
    background-color: #449548;
}

#user-add {
    float: right;
    clear: both;
}

.user-panel {
    border: 1px solid #d3e0e9;
}

.user-right {
    float: right;
}

.user-content {
    margin: 0;
    margin-top: 20px;
}
.user-panel-content , .user-panel-group{
    padding: 0;
}
.user-head{
    float: left;
    width:50px;
    height:50px;
    margin-right: 20px;
}
.user-panel-content{
    border-right: 1px solid #d3e0e9;
}
.user-panel-content-heading{
    background-color: #F5F5F5;
}
.user-panel-content-item-left{
    display: inline-block;
    width:48%;
}
.user-panel-content-item-right{
    display: inline-block;
    width:49%;
    text-align: right;
    vertical-align: top;
}
.user-panel-content-item,.user-panel-group-item{
    margin: 0;
    padding: 15px;
}
.user-panel-content-item ,.user-panel-group-item{
    border-bottom: 1px solid #d3e0e9
}
.user-panel-group-item{
    cursor: pointer;
}
.user-panel-group-item:hover{
    background-color: #C0C0C0;
}
.user-panel-group .active{
    background-color: #C0C0C0;
}

/* app */
.app-logo{
    width:50px;
    height:50px;
    margin-right: 20px;
}